<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>5-js 字符串与数组基础</title>
</head>
<body>
  <h2>字符串与数组基础</h2>
  <p>字符串：使用双引号或单引号包含任意长度的文本</p>
  <p>数组：使用中括号包含任意长度的文本</p>

  <script>
    // 字符串的使用方法
    console.log('字符串的使用方法');
    
    // 定义一个字符串变量
    var str = 'hello world';
    
    // 打印字符串
    console.log('原始字符串:', str);
    
    // 打印字符串的长度
    console.log('字符串长度:', str.length);
    
    // 打印字符串的第一个字符
    console.log('第一个字符:', str[0]);
    
    // 打印字符串的第1-3个字符（这里的写法有误，应该使用slice方法）
    console.log('第1-3个字符:', str.slice(1, 4));
    
    // 在字符串后面添加一个感叹号
    console.log('添加感叹号:', str + '!');
    
    // 将字符串中的'world'替换为'js'
    console.log('替换后的字符串:', str.replace('world', 'js'));
    
    // 截取字符串的前5个字符
    console.log('截取前5个字符:', str.slice(0, 5));
    
    // 将字符串分割为子字符串数组
    console.log('分割后的数组:', str.split(' '));
    
    // 将字符串转换为大写
    console.log('转换为大写:', str.toUpperCase());
    
    // 将字符串转换为小写
    console.log('转换为小写:', str.toLowerCase());
    
    console.log('--------------------------------------');
    
    // 数组的使用方法
    console.log('数组的使用方法');
    
    // 定义一个数组
    var arr = [1, 2, 3, 4, 5];
    
    // 打印数组
    console.log('原始数组:', arr);
    
    // 打印数组的长度
    console.log('数组长度:', arr.length);
    
    // 打印数组的第一个元素
    console.log('第一个元素:', arr[0]);
    
    // 打印数组的第1-3个元素（这里的写法有误，应该使用slice方法）
    console.log('第1-3个元素:', arr.slice(1, 4));
    
    // 在数组末尾添加一个元素
    console.log('添加元素后的数组:', arr.push(6));
    
    // 从数组中删除一个元素，并添加一个新元素
    console.log('替换元素后的数组:', arr.splice(0, 1, 7));
    
    // 截取数组的前5个元素
    console.log('截取前5个元素:', arr.slice(0, 5));
    
    // 将数组转换为字符串
    console.log('转换为字符串:', arr.join(' '));
    
    // 将数组转换为字符串（重复的代码，可以删除）
    // console.log(arr.split(' '));
    
    // 将数组转换为字符串
    console.log('转换为字符串:', arr.toString());
    
    // 对数组进行排序
    console.log('排序后的数组:', arr.sort());
    
    // 反转数组
    console.log('反转后的数组:', arr.reverse());
    
    // 查找数组中元素的索引
    console.log('元素5的索引:', arr.indexOf(5));
    
    // 查找数组中元素的最后一个索引
    console.log('元素5的最后一个索引:', arr.lastIndexOf(5));
    
    // 检查数组中是否包含某个元素
    console.log('是否包含元素5:', arr.includes(5));
    
    // 遍历数组并打印每个元素
    console.log('遍历数组:');
    for (var i = 0; i < arr.length; i++) {
      console.log(arr[i]);
    }
  </script>
</body>
</html>